<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/> 

    <title>微信支付样例</title>
    
</head>
    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
    <script src="js/jquery.qrcode.min.js"></script>
<script>
  $(function(){
           
           $("#cc").click(function(e){
           	 
              	var datas = 'cc='+$('#aa').val()+'&paytype='+$('#paytype').val()+'&gettype='+$('#gettype').val();
              	
              	
              
            $.ajax({
                url: 'beidongPay.php',
                method: 'post',
                data: datas,
                dataType: 'json',
                success: function(data) {
                   $('#merchno').html('商户号:'+data.merchno);
                   $('#refno').html('渠道订单号:'+data.refno);
                   $('#respCode').html('返回码:'+data.respCode);
                   $('#message').html('返回结果:'+data.message);
                   $('#traceno').html('订单号:'+data.traceno); 
                    $('#remark').html('备注:'+data.remark); 
                    $('#traceno').val(data.traceno);
                    $('#refno').val(data.refno);
                    $('#barCode').empty();                   
                   $('#barCode').qrcode({
											render : "table", //table方式 
											width : 300, //宽度 
											height : 300, //高度 
											text : data.barCode, //任意内容 background: "#ffffff",
											background : "#ffffff",
													});              
                }
            });
           });
               
           $("#cc2").click(function(e){
           	 
              	var datas = 'cc='+$('#aa').val()+'&paytype='+$('#paytype').val()+'&gettype='+$('#gettype').val();
              	
              	
              
            $.ajax({
                url: 'wapPay.php',
                method: 'post',
                data: datas,
                dataType: 'json',
                success: function(data) {
                	
                		        $('#merchno').html('商户号:'+data.merchno);
                   $('#refno').html('渠道订单号:'+data.refno);
                   $('#respCode').html('返回码:'+data.respCode);
                   $('#message').html('返回结果:'+data.message);
                   $('#traceno').html('订单号:'+data.traceno); 
                    $('#remark').html('备注:'+data.remark); 
                    $('#traceno').val(data.traceno);
                    $('#refno').val(data.refno);
                    $('#barCode').empty();                   
                   $('#barCode').html('跳转地址'+data.barCode);
                   
                	
           
                   // window.location.href=data.barCode;         
                }
            });
           });
          
          $("#dd").click(function(e){
           	    
              	var datas = 'refno='+$('#refno').val()+'&traceno='+$('#traceno').val();
              	
              
            $.ajax({
                url: 'erweimaquery.php',
                method: 'post',
                data: datas,
                dataType: 'json',
                success: function(data) {
                   $('#respCodes').html('返回码:'+data.respCode);
                    $('#message1').html('返回结果:'+data.message);          
                }
            });
           });
        });
</script>
<style>
	body{
		text-align: center;
		
	}
	.page{
	text-align: center;
			padding: 100px;
		}
	.page2{
	
			padding: 50px;
		}
		.page3{
			
			     text-align: center;
				width: 300px;
				height: 300px;
				margin-left:42%;
				
		}
</style>
<body>
<div class="page">
	<select id="gettype">
		<option value="2">t1</option>
		<option value="1">t0</option>
	</select>
	<select id="paytype">
		<option value="2">微信支付</option>
		<option value="1">支付宝支付</option>
	</select>
<input id="aa" placeholder="请输入支付金额"/>
<button id="cc">二维码支付</button><button id="cc2">wap支付</button>
<p id="merchno"></p>
<p id="refno"></p>
<p id="respCode"></p>
<p id="message"></p>
<p id="traceno"></p>
<p id="remark"></p>
<div class="page3"><div id="barCode"></div></div>

</div>
<div class="page2">
<button id="dd">交易查询</button>
<p id="respCodes"></p><p id="message1"></p>
</div>
</body>
</html>